<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>列表页</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
</head>
<body>
<!--导入模板中的头部导航栏-->
<div th:replace="~{common::topbar(active='our')}"></div>
<!--<div class="jumbotron jumbotron-fluid">-->
<!--    <div class="container">-->
<!--        <h1 class="display-4" th:text="${session.userName} + 'and' +'她'"></h1>-->
<!--        <p class="lead">这个两个人很懒，还没有宣言</p>-->
<!--    </div>-->
<!--</div>-->

<div class="container">
    <div class="row vh-100">
        <div class="col-sm border">
            <div class="row h-100">
                <div class="col-sm border h-75">
                    聊天界面
                </div>
                <div class="w-100"></div>
                <div class="col-sm border h-25">
                    输入框
                </div>
            </div>
        </div>
        <div class="col-sm border">
            One of three columns
        </div>
        <div class="col-sm border">
            One of three columns
        </div>
    </div>
</div>

<script th:src="@{/js/jquery.js}"></script>
<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
</body>
</html>